<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<meta name="decorator" content="default" />
<script
	src="${staticPath}/lib/datetimepicker/0.0.11/js/bootstrap-datetimepicker.min.js"
	type="text/javascript"></script>
<script
	src="${staticPath}/lib/datetimepicker/0.0.11/js/locales/bootstrap-datetimepicker.zh-CN.js"
	type="text/javascript"></script>
<script src="${staticPath}/lib/accounting/0.3.2/accounting.min.js"
	type="text/javascript"></script>

<script type="text/javascript">
	$(document).ready(
			function() {
				$(".o-a-form-date").datetimepicker({
					language : 'zh-CN',
					autoclose : true,
					minView : 2,
					todayBtn : 1,
					pickerPosition : "bottom-left"
				});
				$('[data-accounting]')
				.each(function() {
							var $this = $(this);
							if ($this.attr("data-accounting-precision")
									&& "" != $this.attr("data-accounting-precision")) {
								$this.html(accounting.formatMoney(
														$this.attr("data-accounting"),"¥ ",
														$this.attr("data-accounting-precision") * 1));
							} else {
								$this.html(accounting.formatMoney($this
																.attr("data-accounting"),"¥ "));
							}
						});
				parent.document.getElementById("versionFrame").height = document.body.scrollHeight;
			});
</script>
</head>
<body>
			<table class="table table-striped table-hover o-l-table table-bordered" id="table1">
				<thead class="t_1">
					<tr>
						<th>缴费项目</th>
						<th>应缴金额</th>
						<th>合同号</th>
						<th>临时费用单号</th>
						<th>缴款最后期限</th>
						<th>起始日期</th>
						<th>截止日期</th>
						<th>描述</th>
					</tr>
				</thead>
				<tbody>
					<c:forEach items="${page.list}" var="payinDetail">
							<tr>
								<td>${payinDetail.paymentItem}</td>
								<td data-accounting="${payinDetail.amount}" data-accounting-precision="4"></td>
								<td>${payinDetail.contractNumber}</td>
								<td>${payinDetail.temporaryCostNumber}</td>
								<td><fmt:formatDate value="${payinDetail.paymentDeadline}"
									pattern="yyyy-MM-dd " /></td>
								<td><fmt:formatDate value="${payinDetail.startDate}"
									pattern="yyyy-MM-dd " /></td>
								<td><fmt:formatDate value="${payinDetail.endDate}"
									pattern="yyyy-MM-dd " /></td>
								<td>${payinDetail.desc}</td>
							</tr>
					</c:forEach>
				</tbody>
			</table>
			
</body>
</html>